import { REG } from "@/data/locations";
import { PageLifeProbeRequire } from "@/data/settings";
import { StyleMgr } from "../libs/core/styleOperation";

const entry = () => {
  return StyleMgr.add(
    "watchTogether",
    `
    .recmd .block-box {
        transition: all .4s cubic-bezier(0, .5, 0, 1);
        border-radius: 3px;
        padding-right: 5px;
    }
    .recmd .block-box:hover {
        box-shadow: 0px 5px 10px #949494;
        transition: all .4s cubic-bezier(0, .5, 0, 1);
    }
    .recmd .block-video .block-title h3 a:hover {
        color: #333;
    }
    `
  );
};

const module: ModulesConstructure = {
  name: "watchTogether",
  type: "style",
  start: entry,
  condition: {
    siteMatch: [REG.videoAndBangumi],
    pageLifeProbeRequire: PageLifeProbeRequire.Head,
  },
  optionUI: {
    enable: {
      type: "switch",
      department: "video",
      onActivate: () => {
        return true;
      },
      onDeactivate: () => {
        return false;
      },
    },
  },
};
export default module;
